<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东</title>
	<link rel="stylesheet" type="text/css" href="CSS/base.css">
	<link rel="stylesheet" type="text/css" href="CSS/head.css">
	<link rel="stylesheet" type="text/css" href="CSS/footer.css">
	<link rel="stylesheet" type="text/css" href="CSS/index.css">
</head>
<body>
		<!-- 顶部开始 -->
		<div class="header">
			<div class="w">
				<a href="#"></a>
				<span class="close"></span>
			</div>
		</div>
		<!-- 头部导航开始 -->
		<div class="nav">
			<div class="w">
				<div class="l_address">
				  <div class="title">
					<img src="images/ltop.png">
					<a href="#">北京</a>
				  </div>

				  <div class="content"></div>

				</div>
				<div class="r_list">
					<ul>
						<li><a href="#">你好,请登录    </a><a href="#" id="rigest">  免费注册</a></li>
						<li class="line"></li>		
						<li ><a href="#">我的订单</a></li>
						<li class="line"></li>
						<li class="downarr">
						  <a href="#">我的京东</a>
						  <span> 
						     <i>◇</i>
						  </span>
						</li>
						<li class="line"></li>
						<li><a href="#">京东会员</a></li>
						<li class="line"></li>
						<li><a href="#">企业采购</a></li>
						<li class="line"></li>
						<li><a href="#">客户采购</a></li>
						<li class="line"></li>
						<li class="downarr">
						  <a href="#">客户服务</a>
						  <span> 
						     <i>◇</i>
						  </span>
						</li>
						<li class="line"></li>
						<li class="downarr">
						  <a href="#">网站导航</a>
						  <span> 
						     <i>◇</i>
						  </span>
						 </li>
						<li class="line"></li>
						<li class="qrcode">
						  <a href="#">手机京东</a>
						  <i class="qr_code"></i>
						  <i class="img_qr"></i>
						</li>
					</ul>
				</div>
			</div>
		</div>
         <!-- logo开始 -->
         <div class="logo w">
         <!-- logo -->
         <div class="l_logo">
         	<a href="#">我的京东</a>
         </div>
         <!-- 搜索框 -->
         <div class="m_search">
         	<input type="text" value="拾亿元礼券" class="search">
         	<input type="image" class="btn_camera" value=" ">
         	<input type="button" value="搜索" class="btn_search">
         </div>
	     <!-- 购物车 -->
	     <div class="cart">
	     	<li class="cart_icon"></li>
	     	<a href="#">我的购物车</a>
	     	<span class="num">0</span>
	     </div>
	     <!-- 热词搜索 -->
	     <div class="hot_word">
	      <ul>
	      	<li><a href="#" class="hot_word_first">5折秒杀</a></li>
	      	<li><a href="#">300减180</a></li>
	      	<li><a href="#">299减100</a></li>
	      	<li><a href="#">亿元礼券</a></li>
	      	<li><a href="#">拖地机</a></li>
	      	<li><a href="#">打底秋裤</a></li>
	      	<li><a href="#">全球母婴</a></li>
	      	<li><a href="#">食用油</a></li>
	      </ul>						
	     </div>
	     <!-- 导航列表 -->
	     <div class="list">
	     	<ul class="discount">
	     		<li><a href="#">秒杀</a></li>
	     		<li><a href="#">优惠券</a></li>
	     		<li><a href="#">闪购</a></li>
	     		<li><a href="#">拍卖</a></li>
	     	</ul> 

	     	<div class="hr"></div>
	     	<ul class="surpermark">
	     		<li><a href="#">服装城</a></li>
	     		<li><a href="#">京东超市</a></li>
	     		<li><a href="#">生鲜</a></li>
	     		<li><a href="#">全球购</a></li>
	     	</ul>

	     	<div class="hr"></div>
	     	<ul class="kingjd">
	     		<li><a href="#">京东金融</a></li>
	     	</ul>
	     </div>
	     <!-- 保障 -->
	     <div class="treasure">
	     	<a href="#"></a>
	     </div>
	  </div>

	   <!-- 主题内容开始 -->
	   <div class="banner_bg">
	   	 <a href="#"></a>
	   </div>

	   <!-- 主题结构开始 -->
	   <div class="main_banner w">
	   		<div class="l_banner">
	   			<ul>
	   				<li>
	   				  <a href="#">家用电器</a>
	   				 </li>
	   				<li>
	   				  <a href="#">手机</a>/
	   				  <a href="#">运营商</a>/
	   				  <a href="#">数码</a>
	   				 </li>
	   				<li>
	   				  <a href="#">电脑</a>/
	   				  <a href="#">办公</a>
	   				</li>
	   				<li> 
	   				  <a href="#">家居</a>/
	   				  <a href="#">家具</a>/
	   				  <a href="#">家装</a>/
	   				  <a href="#">厨具</a>
	   				 </li>
	   				<li> 
	   				  <a href="#">男装</a>/
	   				  <a href="#">女装</a>/
	   				  <a href="#">童装</a>/
	   				  <a href="#">内衣</a>
	   				 </li>
	   				<li> 
	   				  <a href="#">美妆个护</a>/
	   				  <a href="#">清洁用品</a>/
	   				  <a href="#">宠物</a>
	   				 </li>
	   				<li> 
	   				  <a href="#">鞋靴</a>/
	   				  <a href="#">箱包</a>/
	   				  <a href="#">珠宝</a>/
	   				  <a href="#">奢侈品</a>
	   				 </li>
	   				<li> 
	   				  <a href="#">运动</a>/
	   				  <a href="#">户外</a>/
	   				  <a href="#">钟表</a>
	   				 </li>
	   				<li>
	   				  <a href="#">汽车</a>/
	   				  <a href="#">汽车用品</a>
	   				 </li>
	   				<li>
	   				  <a href="#">母婴</a>/
	   				  <a href="#">玩具乐器</a>
	   				</li>
	   				<li> 
	   				  <a href="#">食品</a>/
	   				  <a href="#">酒类</a>/
	   				  <a href="#">生鲜</a>/
	   				  <a href="#">特产</a>
	   				 </li>
	   				<li><a href="#">医药保健</a></li>
	   			</ul>
	   		</div>
	   		<div class="m_banner">
	   			<a href="#" class="up_banner">
	   				<img src="images/banner.jpg">
	   			</a>
 				 <div class="pages">
 				 	<a class="page_left" href="#"> < </a>
 				 	<a class="page_right" href="#"> > </a>
 				 </div>
				 <div class="numbers">
				 	<ul>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 		<li></li>
				 	</ul>
				 </div>

	   			<div class="down_banner">
	   				<a a href="#" class="dl_banner"></a>
	   			    <a  a href="#" class="dr_banner"></a>
	   			</div>
	   		</div>
	   		<div class="r_banner">


	   			<div class="r_top_banner">

	   			    <div class="head_imgbox">
	   				    <div class="head_img">
	   				    	<a href="#">
	   					 	    <img src="images/no_login.jpg">
	   					    </a>
	   				    </div>
	   			    </div>

                        <div class="login_rigest">
                     	    <p>Hi,欢迎来到京东！</p>
                     	    <p>
                     		<a href="#">登录</a>
                     		<a href="#">注册</a>
                     	    </p>
                        </div>

                        <div class="newman_benefi">
                        	<a href="#">新人福利</a>
                        </div>
                         <div class="plus_vip">
                        	<a href="#">PLUS会员</a>
                        </div>

	   			</div>
                    


	   			<div class="r_mid_banner">

	   				<div class="r_tip_nav">
	   				    <ul>
	   				    	<li>
	   				    		<a href="#" class="sale">促销</a>
	   				    	</li>
	   				    	<div class="bot_red_line"></div>
	   				    	<i></i>
	   				    	<li>
	   				    		<a href="#" class="notice">公告</a>
	   				    	</li>
	   				    	<li id="more">
	   				    		<a href="#" class="moreinfo">更多</a>
	   				    	</li>
	   				    </ul>
	   				</div>
					<div class="r_tip_bot_line"></div>

					 <div class="list_notic">
					 	<ul>
					 		<li><a href="#">家居日用满399减100</a></li>
					 		<li><a href="#">500元E卡免费抽</a></li>
					 		<li><a href="#">每日享折扣，京东品质游</a></li>
					 		<li><a href="#">奶粉2段 首购五折</a></li>
					 	</ul>
					 </div>
	   			</div>

	   			<div class="r_bottom_banner">
					<div class="box">
						<ul>
							<li>
							  <a href="#">
							     <i class="phone_money"></i>
							     话费
							  </a>
							</li>
							<li>
							  <a href="#">
							     <i class="airplane_ticket"></i>
							     机票
							  </a>
							</li>
							<li>
							  <a href="#">
							     <i class="hotels"></i>
							     酒店
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="games"></i>
							     游戏
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="enterprise_buy"></i>
							     企业购
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="petrol_card"></i>
							     加油卡
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="movie_ticket"></i>
							     电影票
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="train_ticket"></i>
							     火车票
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="crowd_funding"></i>
							     众筹
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="manage_money"></i>
							     理财
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="gift_card"></i>
							     礼品卡
							  </a>
							</li>
								<li>
							  <a href="#">
							     <i class="lend"></i>
							     白条
							  </a>
							</li>
						</ul>
					</div>
	   			</div>
	   		</div>
	   </div>


       <!-- 秒杀倒计时 -->
       <div class="secKill w">
          <i class="sinwrite"></i>
          <i class="corner"></i>
       	  <i class="watch_img"></i>
       	  <h2>京东秒杀</h2>
       	  <a href="#">
       	  	<h4 class="text">总有你想不到的低价</h4>
       	  	<h4 class="radiu_r">
       	  		>
       	  	</h4>
       	  </a>
			<!-- 倒计时 -->
       	<div class="timeredius">
       	  	<div>当前场次</div>
       	  	<div class="time">
       	  		<div class="num">00</div>
       	  		<div class="blt">:</div> 
       	  		<div class="num">04</div>
       	  		<div class="blt">:</div>
       	  		<div class="num">13</div>
       	  	</div>
       	  	<div>后结束抢购</div>
       	  </div>
       </div>



        <!-- 秒杀商品 -->
        <div class="secKill_goods w">
        	<div class="goods_a">
        		<img src="images/a.jpg"/>
        		<i class="gline"></i>
        		<div class="pinfo">
        			<p class="title">
        				【京东超市】云南白药牙膏4只装 益生菌（晨露100gx2+
        			</p>
        			<i class="rmony">￥<i>56.00</i></i>
        			<i class="dmony">￥119.00</i>
        		</div>
        	</div>
        </div>
</body>
</html>   